<script>
import TodoItem from "@/components/TodoItem.vue";

export default {
  name: "TodoList",
  components: {
    TodoItem
  },
  props: ['todos', 'changeChecked', 'deleteItem'],
  methods: {}
}
</script>

<template>
  <div class="list">
    <TodoItem
        v-for="todoObj in todos"
        :key="todoObj.id"
        :todoObj="todoObj"
        :changeChecked="changeChecked"
        :deleteItem="deleteItem"
    />
  </div>
</template>

<style scoped lang="less">
.list {
  background: antiquewhite;
}
</style>
